<template>
  <div id="app">
      <div class="content">
        <router-view></router-view>
      </div>
  </div>
</template>

<script>
export default {
    name: 'App',
    created(){
        // this.ipadwidth()
    },
    methods:{
        // ipadwidth(){
        //     var evt = "onorientationchange" in window ? "orientationchange" : "resize";
        //     window.addEventListener(evt, function() {
        //         var width = document.documentElement.clientWidth;
        //         var height =  document.documentElement.clientHeight;
        //         let content = $('.content')
        //         if(width > height){
        //             content.width(width);
        //             content.height(height);
        //             content.css('top', 0);
        //             content.css('left', 0);
        //             content.css('transform' , 'none');
        //             content.css('transform-origin' , '50% 50%');
        //         }else{
        //             content.width(height);
        //             content.height(width);
        //             content.css('top',  (height-width)/2 );
        //             content.css('left',  0-(height-width)/2 );
        //             content.css('transform' , 'rotate(90deg)');
        //             content.css('transform-origin' , '50% 50%');
        //         }
        //     },false)
        // }
    }
}
</script>

<style lang="scss">
@import '~@/assets/style/public-class.scss';
@import '~@/assets/style/fixed/base.scss';
</style>
